<template>
	<view class="history">
		<navbar title="观看历史" />

		<view class="card-list">
			<template v-for="(index, item) in 10" :key="index">
				<HistoryCard :cardDetail="{}" />
			</template>
		</view>
	</view>
</template>

<script setup>
	import HistoryCard from '@/components/history-card/history-card.vue';
</script>

<style lang="scss">
	.history {
		overflow: hidden;
		height: 100vh;

		.card-list {
			height: 100%;
			box-sizing: border-box;
			padding: 30rpx 40rpx;
			overflow-y: auto;
			padding-bottom: 100px;
		}
	}
</style>
